body { background:#f1ffcd }
.cart .head { background: #6ab42f; color: #fff; box-shadow: none; border: none; height: 1rem; line-height: 1rem }
.cart .head a.back { line-height: 1rem; height: 1rem; color: #fff; }
.cartlist { font-size: .4rem }
.cartlist { position: relative; }
.cartlist .storename { height: 1rem; line-height: 1rem; background: #fff; }
.cartlist .storename .title { display: inline-block; color: #666; }
.cartlist .storename .edit { font-size: 0.4rem; text-align: center; top: 0; height: 1rem; line-height: 1rem; position: absolute; right: 0; width: 2rem; border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; background: #f90; box-shadow: 0 0 0.4rem rgba(0,0,0,0.2); color: #fff }
.cartlist .select { width: 1rem; line-height: 1rem; text-align: center; float: left; position:relative; z-index:10; }
.cartlist .select i { font-size: .6rem; color: #999 }
.cartlist .select i.on { color: #f60 }
.cartlist .storename .edit.on { border-bottom-left-radius: 0; border-top-left-radius: .5rem; ; box-shadow: none }
.cartlist .goods { padding: .4rem .2rem .4rem 0; position: relative; overflow: hidden; border-bottom: 2px solid #6ab42f; background: #fff; margin:.2rem; border-radius:.2rem; box-shadow:0 0 .4rem rgba(0,0,0,0.2); position:relative; z-index:2 }
.cartlist .goods .goodsimg { float: left; width: 2.4rem; height: 2.4rem; border: 1px solid #e0e0e0; position: relative; z-index: 10;}
.cartlist .goods .goodsimg .img { width: 2.4rem; height: 2.4rem; }
.cartlist .goods .info { float: left; height: 2.4rem; box-sizing: border-box; position: absolute; padding-left: 3.8rem; font-weight: 300; width: 100%; z-index:1 }
.cartlist .goods .info .title { color: #333; font-size: 0.4rem; height: 1rem; line-height: 0.5rem; overflow: hidden; padding-right: 0.2rem; }
.cartlist .goods .info .titlesub { font-size: .3rem; color: #666; padding-right: .2rem; }
.cartlist .goods .info .pay { position: absolute; bottom: -2px; width: 100%; height: .4rem; line-height: .4rem; }
.cartlist .goods .info .pay .pirce { float: left; font-size: .4rem; }
.cartlist .goods .info .pay .pirce .subpirce { font-size: .3rem; }
.cartlist .goods .info .pay .discount { float: left; margin-left: .2rem; border-radius: 2px; background: #f60; color: #fff; font-size: .3rem; padding: 0 .1rem; }
.cartlist .goods .info .pay .qty { float: right; margin-right: .2rem; color: #333; font-size: .4rem; }
.cartlist .goods .infoedit { float: left; box-sizing: border-box; width: 100%; height: 2.4rem; position: absolute; padding-left: 3.6rem; font-weight: 300; }
.cartlist .goods .infoedit .type { box-sizing: border-box; display: block; float: left; font-size: 0.4rem; height: 1rem; margin-top: 0.2rem; overflow: hidden; padding-right: 3rem; width: 100%; position: relative; }
.cartlist .goods .infoedit .type a { color: #666 }
.cartlist .goods .infoedit .type i { position: absolute; right: 2.4rem; top: 0.4rem; }
.cartlist .goods .infoedit .del { position: absolute; right: 0; top: -.4rem; background: #f60; color: #fff; height: 3.2rem; border-bottom: 1px solid#f60; width: 2rem; line-height: 3.2rem; text-align: center; box-shadow: 4px 0 4px rgba(0,0,0,0.1) inset }
.bottomside .buy { width: 2rem; float: right; }
.cartlast { height: 60px; }
.cartlist .goods .editqty div { float: left; }
.cartlist .goods .editqty .plus { float: left; background: #f2f2f2 none repeat scroll 0 0; border: 1px solid #e0e0e0; border-bottom-right-radius: 0.1rem; border-top-right-radius: 0.1rem; display: inline-block; font-size: 0.4rem; line-height: 0.8rem; text-align: center; width: 0.8rem; }
.cartlist .goods .editqty .num input { float: left; background: #fff; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-left: none; border-right: none; display: inline-block; font-size: .4rem; line-height: 0.8rem; text-align: center; height: .8rem; padding: 0 .2rem; font-family: Arial; width: 1rem; }
.cartlist .goods .editqty .minus { float: left; background: #f2f2f2 none repeat scroll 0 0; border: 1px solid #e0e0e0; border-bottom-left-radius: 0.1rem; border-top-left-radius: 0.1rem; display: inline-block; font-size: 0.4rem; line-height: 0.8rem; text-align: center; width: 0.8rem; }
.cartlist .goods .editqty .plus:active, .cartlist .goods .editqty .minus:active { background: #e0e0e0; border-color: #ccc }
.favorites .cartlist .goods { padding: .4rem .2rem; }
.favorites .cartlist .goods .info { left: 2.8rem; width: 7rem; }
.del_good { position: absolute; height:1rem; width:1rem; line-height:1rem; text-align:center; bottom: .1rem; right: .2rem; background: #e0e0e0; border-radius: 1rem;font-size: .6rem; cursor: pointer }
.del_good:active { background: #f90; color: #fff; }
.settle { font-size: .4rem; background: #fff; margin:-.4rem .2rem .2rem .2rem; padding-top:.2rem; border-radius:.2rem; box-shadow:0 0 .4rem rgba(0,0,0,0.2); float: left; line-height: 1.2rem; width: 100%; }
.settle .go_pay { width: 3rem; float: right; text-align: center; color: #fff; background: #6ab42f; border-bottom-left-radius: 1rem; border-top-left-radius: 1rem; }
.settle .total { float: left; box-sizing: border-box; text-align: right; padding-right: 2.4rem; color: #fff; line-height: 50px; font-size: .4rem; }
.nogoods{ margin:.4rem; text-align:center; font-size:.4rem; line-height:1.4rem; color:#6ab42f; padding-top:4rem;}
.nogoods i{ font-size:6rem; color:#9FD975}
.nogoods a{ font-size:.6rem; border-radius:1rem; padding:.2rem .6rem; color:#fff; background:#6ab42f}
.bottomside{ line-height:1rem; font-size:.4rem;}
.bottomside .total .num { font-size: .6rem; }
.bottomside .select_box{ width:2rem; padding:.12rem 0 0 .4rem; font-size:.4rem;}
.bottomside .select_box span.gray3{ margin-left:.2rem}
.bottomside .select_box .select{ display:inline}
.bottomside .totprice{ display:inline; padding:.12rem 0 0 .4rem;}
.bottomside a.go_pay{ width:2.4rem; margin-left:.2rem; border-top-right-radius:.4rem;background:#6ab42f; color:#fff; line-height:.88rem; height:1rem; font-size:.4rem;}
 @-moz-keyframes dothabottomcheck {
 0% {
 height: 0;
}
 100% {
 height: .3rem;
}
}
@-webkit-keyframes dothabottomcheck {
 0% {
 height: 0;
}
 100% {
 height: .3rem;
}
}
@keyframes dothabottomcheck {
 0% {
 height: 0;
}
 100% {
 height: .3rem;
}
}
@keyframes dothatopcheck {
 0% {
 height: 0;
}
 50% {
 height: 0;
}
 100% {
 height: .6rem;
}
}
@-webkit-keyframes dothatopcheck {
 0% {
 height: 0;
}
 50% {
 height: 0;
}
 100% {
 height: .6rem;
}
}
@-moz-keyframes dothatopcheck {
 0% {
 height: 0;
}
 50% {
 height: 0;
}
 100% {
 height: .6rem;
}
}
input[type=checkbox] { display: none; }
.check-box { top: .14rem; height: .6rem; width: .6rem; background-color: transparent; border: .06rem solid #999; border-radius: .4rem; position: relative; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: border-color ease 0.2s; -o-transition: border-color ease 0.2s; -webkit-transition: border-color ease 0.2s; transition: border-color ease 0.2s; cursor: pointer; }
.check-box::before, .check-box::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; height: 0; width: .1rem; background-color: #f60; display: inline-block; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; border-radius: 5px; content: ' '; -webkit-transition: opacity ease .5; -moz-transition: opacity ease .5; transition: opacity ease .5; }
.check-box::before { top: .4rem; left: .25rem; box-shadow: 0 0 0 .06rem #fff; -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.check-box::after { top: .18rem; left: .03rem; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
input[type=checkbox]:checked + .check-box, .check-box.checked { border-color: #f60; }
input[type=checkbox]:checked + .check-box::after, .check-box.checked::after { height: .3rem; -moz-animation: dothabottomcheck 0.2s ease 0s forwards; -o-animation: dothabottomcheck 0.2s ease 0s forwards; -webkit-animation: dothabottomcheck 0.2s ease 0s forwards; animation: dothabottomcheck 0.2s ease 0s forwards; }
input[type=checkbox]:checked + .check-box::before, .check-box.checked::before { height: .6rem; -moz-animation: dothatopcheck 0.4s ease 0s forwards; -o-animation: dothatopcheck 0.4s ease 0s forwards; -webkit-animation: dothatopcheck 0.4s ease 0s forwards; animation: dothatopcheck 0.4s ease 0s forwards; }
